<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        img{
            width: 200px;
        }
        .my-video{
            width: 450px;
        }
    </style>
</head>
<body>
    <!-- 块级标签div  行内块级p  行内标签 -->
     <div>hello world</div>
     <p>ppppp</p>
     <span>sssss</span>
    <a href="www.baidu.con">去百度</a>
    <!-- 无序标签 -->
    <ul>  
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <!-- 有序标签 -->
    <ol>
        <li>html</li>
        <li>java</li>
        <li>css</li>
        <li>python</li>
    </ol>

    <h1>hahhhh</h1>
    
    <img src="https://ts1.cn.mm.bing.net/th/id/R-C.9e45a633e95179a37c907fa2797999ad?rik=aMuPS4TunAh5ZA&riu=http%3a%2f%2fwww.quazero.com%2fuploads%2fallimg%2f140303%2f1-140303214Q2.jpg&ehk=P%2firfYpARc1fHht%2bWpapYR4W15p6SLABE8CBexoeon4%3d&risl=&pid=ImgRaw&r=0" alt="">
    <audio src="http://vfx.mtime.cn/Video/2019/03/18/mp4/190318231014076505.mp4"></audio>
    <video class="my-video" controls src="http://video.chinanews.com/flv/2019/04/23/400/111773_web.mp4"></video>




    </body>
</html>